<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0 ,maximum-scale=1,user-scalable=no">
<link rel="stylesheet" href="/jquery-we/jquery-weui.min.css">
<link rel="stylesheet" href="/jquery-we/weui.min.css">
<link rel="stylesheet" href="/assets/css/common.css">
<script src="/assets/plugins/fancybox/lib/jquery-1.10.1.min.js"></script>
<script src="/jquery-we/jquery-weui.min.js"></script>
<script src="/Highcharts-6.0.2/code/highcharts.js"></script>
<script src="/assets/scripts/views-main-charts.js"></script>
</head>
<body class="view-container">
	<div class="mask"></div>
	<div class="left-posty">
		<div class="times">
			<img src="/static/assets/images/defaultMan.png" />
		</div>
		<p>小猪佩奇</p>
		<div class="weui-cells">
			<a class="weui-cell weui-cell_access"
				href="../personal/personal.html">
				<div class="weui-cell__hd">
					<img src="/assets/images/bank.png" />
				</div>
				<div class="weui-cell__bd">
					<h2>公司信息</h2>
				</div>
				<div class="weui-cell__ft"></div>
			</a> <a class="weui-cell weui-cell_access" href="../personal/bank.html">
				<div class="weui-cell__hd">
					<img src="/assets/images/blank.png" />
				</div>
				<div class="weui-cell__bd">
					<h2>银行账户</h2>
				</div>
				<div class="weui-cell__ft"></div>
			</a> <a class="weui-cell weui-cell_access"
				href="../changepassword/change.html">
				<div class="weui-cell__hd">
					<img src="/assets/images/setting.png" />
				</div>
				<div class="weui-cell__bd">
					<h2>修改密码</h2>
				</div>
				<div class="weui-cell__ft"></div>
			</a> <a class="weui-cell weui-cell_access" href="../personal/about.html">
				<div class="weui-cell__hd">
					<img src="/assets/images/abouts.png" />
				</div>
				<div class="weui-cell__bd">
					<h2>关于</h2>
				</div>
				<div class="weui-cell__ft"></div>
			</a>
		</div>
	</div>
	<div class="header bar-positive">
		<a href="javascript:;" class="left"><img
			src="/assets/images/blockr.png" /></a>
		<h1>博宏商务平台</h1>
		<a href="" class="right"><img src="/assets/images/more.png" /></a>
	</div>
	<div class="contaner">
		<span class="nameslist"><img src="/assets/images/defaultMan.png" /></span>
		<div class="weui-flex itmes">
			<div class="weui-flex__item">
				<p>待确认订单</p>
				<p>36</p>
			</div>
			<div class="weui-flex__item">
				<p>待确认收款单</p>
				<p>136</p>
			</div>
			<div class="weui-flex__item">
				<p>售后订单</p>
				<p>4</p>
			</div>
		</div>
		<div class="terber"></div>
		<!--<div style="height: 20px;background-color: #f6f6f6;">-->
		<div class="weui-cells titles">
			<a class="weui-cell weui-cell_access" href="javascript:;">
				<div class="weui-cell__bd">
					<p>业务概况</p>
				</div>
				<div class="weui-cell__ft">全部分类</div>
			</a>
		</div>
		<div class="weui-tab">
			<div class="weui-navbar">
				<a class="weui-navbar__item weui-bar__item--on blue" href="#tab1">
					今天 </a> <a class="weui-navbar__item" href="#tab2"> 本周 </a> <a
					class="weui-navbar__item" href="#tab1"> 本月 </a> <a
					class="weui-navbar__item" href="#tab2"> 自定义时间 </a>
			</div>
			<div class="weui-tab__bd">
				<div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
					<div class="weui-cells newcell">
						<div class="weui-cell">
							<div class="weui-cell__hd">
								<img src="/assets/images/shop.png" />
							</div>
							<div class="weui-cell__bd">
								<h2>订货金额（元）</h2>
								<p>147.526.12</p>
							</div>
							<div class="weui-cell__ft">
								<p>定货量（笔）</p>
								<p>156</p>
							</div>
						</div>
						<div class="weui-cell">
							<div class="weui-cell__hd">
								<img src="/assets/images/left.png" />
							</div>
							<div class="weui-cell__bd">
								<h2>订货金额（元）</h2>
								<p>147.526.12</p>
							</div>
							<div class="weui-cell__ft">
								<p>定货量（笔）</p>
								<p>156</p>
							</div>
						</div>
						<div class="weui-cell">
							<div class="weui-cell__hd">
								<img src="/assets/images/car.png" />
							</div>
							<div class="weui-cell__bd">
								<h2>订货金额（元）</h2>
								<p>147.526.12</p>
							</div>
							<div class="weui-cell__ft">
								<p>定货量（笔）</p>
								<p>156</p>
							</div>
						</div>
						<div class="weui-cell">
							<div class="weui-cell__hd">
								<img src="/assets/images/box.png" />
							</div>
							<div class="weui-cell__bd">
								<h2>订货金额（元）</h2>
								<p>147.526.12</p>
							</div>
							<div class="weui-cell__ft">
								<p>定货量（笔）</p>
								<p>156</p>
							</div>
						</div>
					</div>
				</div>
				<div id="tab2" class="weui-tab__bd-item">
					<h1>页面二</h1>
				</div>
			</div>
		</div>
		<div class="terber"></div>
		<div class="weui-tab">
			<div class="weui-cells titles">
				<div class="weui-cell weui-cell_access">
					<div class="weui-cell__bd">
						<p>
							<span class="blue">订单统计</span><span>发货统计</span>
						</p>
					</div>
					<a class="weui-cell__ft" style="margin-bottom: 6px;" href="">
						全部分类 </a>
				</div>
			</div>
			<div class="weui-navbar">
				<a class="weui-navbar__item weui-bar__item--on blue" href="#tab4">
					近7天 </a> <a class="weui-navbar__item" href=""> 近30天 </a> <a
					class="weui-navbar__item weui-bar__item--on" href=""> 本年 </a> <a
					class="weui-navbar__item" href=""> 自定义日期 </a>
			</div>
			<div class="weui-tab__bd">
				<div id="tab4" class="weui-tab__bd-item weui-tab__bd-item--active">
					<div id="container1" style="width: 100%; height: 400px"></div>
				</div>
			</div>
		</div>
		<div class="terber"></div>
		<div class="weui-cells titles">
			<a class="weui-cell weui-cell_access" href="customerRanking.html">
				<div class="weui-cell__bd">
					<p>商品订货排行</p>
				</div>
				<div class="weui-cell__ft"></div>
			</a>
		</div>
		<div class="weui-cells newcell rankings">
			<div class="weui-cell">
				<div class="weui-cell__hd">
					<img src="/assets/images/icon1.png" />
				</div>
				<div class="weui-cell__bd">
					<h2>爱普身体黑白无线打印机墨仓式A4无线家用办公打印机...</h2>
					<p>147.526.12</p>
					<div class="weui-progress">
						<div class="weui-progress__bar">
							<div class="weui-progress__inner-bar js_progress"
								style="width: 30%;">
								<span>30.20%</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__hd">
					<img src="/assets/images/icon2.png" />
				</div>
				<div class="weui-cell__bd">
					<h2>爱普身体黑白无线打印机墨仓式A4无线家用办公打印机...</h2>
					<p>147.526.12</p>
					<div class="weui-progress">
						<div class="weui-progress__bar">
							<div class="weui-progress__inner-bar js_progress"
								style="width: 40%;">
								<span>40.00%</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__hd">
					<img src="/assets/images/icon3.png" />
				</div>
				<div class="weui-cell__bd">
					<h2>爱普身体黑白无线打印机墨仓式A4无线家用办公打印机...</h2>
					<p>147.526.12</p>
					<div class="weui-progress">
						<div class="weui-progress__bar">
							<div class="weui-progress__inner-bar js_progress"
								style="width: 50%;">
								<span>50.00%</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__hd">
					<img src="/assets/images/icon4.png" />
				</div>
				<div class="weui-cell__bd">
					<h2>爱普身体黑白无线打印机墨仓式A4无线家用办公打印机...</h2>
					<p>147.526.12</p>
					<div class="weui-progress">
						<div class="weui-progress__bar">
							<div class="weui-progress__inner-bar js_progress"
								style="width: 60%;">
								<span>60.00%</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="terber"></div>
		<div class="weui-cells titles">
			<div class="weui-cell weui-cell_access">
				<div class="weui-cell__bd">
					<p>
						<span class="blue">客户订货排行</span><span>客户发货排行</span><span>客户收款排行</span>
					</p>
				</div>
				<a class="weui-cell__ft" href="commodityRanking.html"> </a>
			</div>
		</div>
		<div class="weui-cells newcell rankings">
			<div class="weui-cell">
				<div class="weui-cell__hd">
					<img src="/assets/images/icon1.png" />
				</div>
				<div class="weui-cell__bd">
					<h2>爱普身体黑白无线打印机墨仓式A4无线家用办公打印机...</h2>
					<p>147.526.12</p>
					<div class="weui-progress">
						<div class="weui-progress__bar">
							<div class="weui-progress__inner-bar js_progress"
								style="width: 30%;">
								<span>30.20%</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__hd">
					<img src="/assets/images/icon2.png" />
				</div>
				<div class="weui-cell__bd">
					<h2>爱普身体黑白无线打印机墨仓式A4无线家用办公打印机...</h2>
					<p>147.526.12</p>
					<div class="weui-progress">
						<div class="weui-progress__bar">
							<div class="weui-progress__inner-bar js_progress"
								style="width: 40%;">
								<span>40.00%</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__hd">
					<img src="/assets/images/icon3.png" />
				</div>
				<div class="weui-cell__bd">
					<h2>爱普身体黑白无线打印机墨仓式A4无线家用办公打印机...</h2>
					<p>147.526.12</p>
					<div class="weui-progress">
						<div class="weui-progress__bar">
							<div class="weui-progress__inner-bar js_progress"
								style="width: 50%;">
								<span>50.00%</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__hd">
					<img src="/assets/images/icon4.png" />
				</div>
				<div class="weui-cell__bd">
					<h2>爱普身体黑白无线打印机墨仓式A4无线家用办公打印机...</h2>
					<p>147.526.12</p>
					<div class="weui-progress">
						<div class="weui-progress__bar">
							<div class="weui-progress__inner-bar js_progress"
								style="width: 60%;">
								<span>60.00%</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>
	<div class="weui-tabbar">
		<a href="" class="weui-tabbar__item weui-bar__item--on">
			<div class="weui-tabbar__icon">
				<img src="/assets/images/bluehome.png" />
			</div>
			<p class="weui-tabbar__label">首页</p>
		</a> <a href="../order/saleRelation.html" class="weui-tabbar__item">
			<div class="weui-tabbar__icon">
				<img src="/assets/images/lists.png" />
			</div>
			<p class="weui-tabbar__label">订单</p>
		</a> <a href="../bookRoom/receipt.html" class="weui-tabbar__item">
			<div class="weui-tabbar__icon">
				<img src="/assets/images/pay.png" />
			</div>
			<p class="weui-tabbar__label">账房</p>
		</a> <a href="../customerList/customerLlist.html"
			class="weui-tabbar__item">
			<div class="weui-tabbar__icon">
				<img src="/assets/images/pop.png" />
			</div>
			<p class="weui-tabbar__label">客户</p>
		</a> <a href="../commodity/commodityList.html" class="weui-tabbar__item">
			<div class="weui-tabbar__icon">
				<img src="/assets/images/shopss.png" />
			</div>
			<p class="weui-tabbar__label">商品</p>
		</a>
	</div>
</body>
<script>
	$(".weui-navbar a").on("click", function() {
		$(this).addClass("blue").siblings().removeClass("blue");
	});
	$(".weui-cell__bd span").on('click', function() {
		$(this).addClass("blue").siblings().removeClass("blue");
	});
	$(".mask").on('click', function() {
		$(".left-posty").animate({
			left : "-300px"
		}, "500");
		$(this).css("display", "none")
	});
	$(".nameslist").on('click', function() {
		$(".left-posty").animate({
			left : "0"
		}, "500");
		$(".mask").css("display", "block")
	});
</script>
</html>